<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" display="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" display="IE=edge,chrome=1">
    <meta name="viewport"
          display="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" display="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css"/>
    <link rel="stylesheet" type="text/css" href="../../../lib/My97DatePicker/4.8/skin/WdatePicker.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="../../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>新闻管理</title>
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="form-add" novalidate style="" enctype="multipart/form-data">
        <div class="row cl">
            <label class="form-label col-sm-2" for="title">*标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题：</label>
            <div class="formControls col-sm-9">
                <input type="text" class="input-text radius w-280" value="" placeholder="请输入标题" id="title" name="title"
                       required>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-sm-2" for="title">副标题：</label>
            <div class="formControls col-sm-9">
                <input type="text" class="input-text radius w-280" maxlength="200" value="" placeholder="请输入副标题" id="sub_title" name="title2"
                       required>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-sm-2">*发布时间：</label>
            <div class="formControls col-sm-9">
                <input type="text"
                       onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm' })"
                       id="release_time" name="release_time" class="input-text Wdate radius w-280"
                       style="width:180px;" placeholder="请选择发布时间" autocomplete="off" required>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-sm-2">*上传图片或视频：</label>
            <div class="formControls col-sm-9">
                <img title="" src="../../../static/h-ui.admin/images/20180302170728.png" class="mr-10" id="myImg"
                     height="20%" width="20%"  style="float: left">

                <video id="myVideo" src="" height="20%" width="20%" style="float: left" controls="controls" hidden></video>

                <div id="pppp" class="formControls col-sm-9" style="float: left ; margin-top :20px;">
                    <input type="file" id="file" name="image" onchange="changFile(event)" required>
                    <br>
                    <span style="color: #f00 ; line-height:20px;">一个标题只能对应一张图片或视频</span>
                    <br>
                    <span style="color: #f00 ; line-height:20px;">图片尺寸：220*131px</span>
                    <br>
                    <span style="color: #f00 ; line-height:20px;">图片大小：不大于10M</span>
                    <br>
                    <span style="color: #f00 ; line-height:20px;">视频大小：不大于100M</span>
                </div>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-sm-2">*发布类型：</label>
            <div class="formControls col-sm-5">
                <select id="release_type" class="select radius ml-9" style="width:20%;height:30px;" size="1">
                    <option value="0" selected>请选择发布类型</option>
                    <option value="10" selected>新闻中心</option>
                    <option value="20">社会责任</option>
                    <option value="30">公司动态</option>
                </select>
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-sm-2">&nbsp;&nbsp;</label>
            <div class="formControls col-sm-9">
                <div id="editor" class="radius ml-9" style="height:auto;" required></div>
            </div>
        </div>

        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                <button class="btn btn-primary radius" type="submit">&nbsp;&nbsp;保存&nbsp;&nbsp;</button>
                <button onclick="removeIframe();" class="btn radius ml-10" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;
                </button>
            </div>
        </div>
    </form>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<!--富文本编辑器-->
<script type="text/javascript" src="../../../ht-js/operation-js/wangeditor/wangEditor.js?rev=@@hash"></script>
<script type="text/javascript" charset="utf-8" src="../../../ht-js/operation-js/ueditor/ueditor.config.js?rev=@@hash"></script>
<script type="text/javascript" charset="utf-8" src="../../../ht-js/operation-js/ueditor/ueditor.all.min.js?rev=@@hash"></script>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../../ht-js/website/news/news-detail.js?rev=@@hash"></script>
<style>
    .error {
        color: #ff1b1b;
    }
    label.error {
        position: absolute;
        left: 310px;
        top: 5px;
        color: #ef392b;
        font-size: 12px;
    }
</style>
</body>
</html>